<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Faran Group of Colleges</title>
<!--// Stylesheet //-->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/ddsmoothmenu.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.fancybox-1.3.1.css" rel="stylesheet" type="text/css" />
<!--// Javascript //-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/contentslider.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/Tahoma_5F400-Tahoma_700.font.js"></script>
<script type="text/javascript">Cufon.replace('h1, h2, h3, h4, h5, h6, .cufontxt');</script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="js/animatedcollapse.js"></script>
<script type="text/javascript" src="js/collapse.js"></script>
<!--[if lte IE 7]><style>.gallery .buttons{padding-left:300px; width:640px;}.gallery .buttons a{float:left;}</style><![endif]--><!-- that's IT-->
</head>
<body>
<!-- Wrapper -->
<div id="wrapper_sec">
	<!-- Header -->
    <div id="masthead">
        <!-- Top Section -->
        <div class="topsec">
            <div class="inner">
                <a href="#" class="url">www.FGIT.edu.pk</a>
                <ul>
                	<li><a href="#" class="buttonone">Offices</a></li>
                    <li><a href="#" class="buttonone">Our Campuses</a></li>
                    <li><a href="contact.html" class="buttonone">Contact Us</a></li>
                </ul>
            </div>
        </div>
        <div class="clear"></div>
        <!-- Banner -->
        <div class="banner">
            <div class="inner">
                <div class="bannersec">
                	<div id="slider2" class="slid">
                        <div class="contentdiv"><img src="images/banner1.jpg" alt="" /></div>
                        <div class="contentdiv"><img src="images/banner2.jpg" alt="" /></div>
                        <div class="contentdiv"><img src="images/banner3.jpg" alt="" /></div>
                    </div>
                    <div id="paginate-slider2">        
                    </div>
                    <script type="text/javascript" src="js/banner.js"></script>
                </div>
                <div class="logo">
                	<a href="index.html"><img src="images/logo.png" alt="" /></a>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <!-- Navigation -->
        <div class="navigation">
        	<div class="inner">
        		<div id="smoothmenu1" class="ddsmoothmenu">
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="static.html">About Us</a></li>
                        <li class="down"><a href="courses.html">Academics</a>
                            <ul>
                                <li><a href="courses.html">Overview</a></li>
                                <li><a href="courses.html">Curriculum</a></li>
                                <li><a href="courses.html">Faculty</a></li>
                                <li><a href="courses.html">Integrated Humanitie</a></li>
                                <li><a href="courses.html">Graduation Requirements</a></li>
                                <li><a href="courses.html">Special Programs</a></li>
                                <li><a href="courses.html">Library and Archives</a></li>
                                <li><a href="courses.html">College Office</a></li>
                            </ul>
                        </li>
                        <li class="down"><a href="#">Blog</a>
                            <ul>
                                <li><a href="blog.html">Blog</a></li>
                                <li><a href="blogpost.html">Blog Post</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.html">Contact Us</a></li>
                        <li class="down"><a href="#">Pages</a>
                            <ul>
                                <li><a href="index.html">Home</a></li>
                                <li><a href="blog.html">Blog</a></li>
                                <li><a href="blogpost.html">Blog Post</a></li>
                                <li><a href="news.html">News</a></li>
                                <li><a href="courses.html">Courses</a></li>
                                <li><a href="gallery.html">Gallery</a></li>
                                <li><a href="static.html">Static</a></li>
                                <li><a href="contact.html">Contact Us</a></li>
                            </ul>
                        </li>
                        <li class="down"><a href="#" class="last">Online Courses</a>
                            <ul>
                                <li><a href="#">Grey</a></li>
                                <li><a href="#">Blue</a></li>
                                <li><a href="#">Brown</a></li>
                                <li><a href="#">Purple</a></li>
                            </ul>
                        </li>
                    </ul>
                    <div class="clear"></div>
                </div>
                <ul class="loginsec">
                	<li><a href="teacher login.php" class="staff">Staff Login</a></li>
                    <li><a href="student login.php" class="student">Students Login</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <!-- Content Section -->
    <div id="content_sec">
    	<div class="inner">
        	<!-- Column 1 -->
            <div class="col1">
            	<!-- Welcome -->
            	<div class="welcome">
                	<div class="heading">
                    	<h6>Welcome to</h6>
                        <h1 class="colr">Faran Group of Institutes</h1>
                    </div>
                    <p class="txt">
                    	Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat eget, dapibus ac, lectus. Curabitur dolor sapien, hendrerit non, suscipit bibendum, auctor ac, arcu. Vestibulum dapibus. Sed pede lacus, pretium in, condimentum sit amet, mollis dapibus, magna. Ut bibendum dolor nec augue. Ut tempus luctus metus. Sed a velit. Pellentesque at libero elementum ante condimentum sollicitudin. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in.
                    </p>
                    <p>
                    	Curabitur dolor sapien, hendrerit non, suscipit bibendum, auctor ac, arcu. Vestibulum dapibus. Sed pede lacus, pretium in, condimentum sit amet, mollis dapibus, magna. Ut bibendum dolor nec augue.
                        Curabitur dolor sapien, hendrerit non, suscipit bibendum, auctor ac, arcu. Vestibulum dapibus. Sed pede lacus, pretium in, condimentum sit amet, mollis dapibus, magna. Ut bibendum dolor nec augue.
                    </p>
                </div>
                <div class="clear"></div>
                <!-- Campus Life -->
                <div class="campuslife">
                	<h6 class="colr upper">Campuses</h6>
                    <a href="#" class="thumb"><img src="images/campuslife.gif" alt="" /></a>
                    <p><br> <br> <br> <br> <br> <br><br>
                    </p>
                </div>
          
                <div class="clear"></div>
            </div>
            <!-- Column 2 -->
            <div class="col2">
            	<!-- Apply Now -->
                <div class="applyby">
                    <h6 class="white upper">Apply Now</h6>
                    <p>Want to Enroll Today:</p>
                    <a href="#" class="download">Download Form</a>
                    <a href="#" class="applyonline">Apply Online</a>
                </div>
                <div class="clear"></div>
                <!-- Share with us -->
                <div class="shareus">
                	<h6 class="colr">Latest News</h6>
                   <br>  <br>  <br>  <br>  <br>  <br>  <br>  <br>  <br>  <br>  <br>  <br>  <br>  <br>  <br>  <br>  <br>  <br>  <br> 
                </div>
                <div class="clear"></div>
              	<!-- Course Finder -->
                <div class="coursefinder">
                </div>
                <div class="clear"></div>
                <!-- Prospective Students -->
                <div class="pros_students">
           
                  
                </div>
            </div>
            <div class="clear"></div>
            <!-- Affiliations -->
            <div class="affiliation">
            	<h6 class="title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				Courses</h6>
                <ul>
                	<li><a href="#"><img src="images/aff_logo1.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/aff_logo2.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/aff_logo3.gif" alt="" /></a></li>
                    <li><a href="#"><img src="images/aff_logo4.gif" alt="" /></a></li>
                    <li class="last"><a href="#"><img src="images/aff_logo5.gif" alt="" /></a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="clear"></div>
    <!-- Footer -->
    <div id="footer">
    	<div class="foot_inner">
        	<div class="aboutweb">
            	<h6>About the Website</h6>
                <ul>
                	<li><a href="index.html">Home</a></li>
                    <li><a href="static.html">About Us</a></li>
                    <li><a href="static.html">Admission</a></li>
                    <li><a href="static.html">Community</a></li>
                </ul>
            </div>
            <div class="research">
            	<h6>Research</h6>
                <ul>
                	<li><a href="static.html">Gifted &amp; Talented Programs</a></li>
                    <li><a href="static.html">Teaching &amp; Learning</a></li>
                    <li><a href="static.html">Theatres</a></li>
                    <li><a href="static.html">College Portal</a></li>
                </ul>
            </div>
            <div class="sharingexp">
            	<h6>About the Website</h6>
                <ul>
                	<li><a href="static.html">Disclaimer &amp; Copyright</a></li>
                    <li><a href="static.html">Privacy Policy</a></li>
                    <li><a href="static.html">Sitemap</a></li>
                    <li><a href="contact.html">Contact Us</a></li>
                </ul>
            </div>
            <div class="adrs">
              <p>Faran Group of Colleges</br>
           	  Faran Institute of Technology<br />
					GT Road, Gujrat, Paksitan</br>
					add complete address and</br>
					contact details here
                </p>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
        <div class="copy_inner">
        	<p>Powered and Debveloped by <a href="#">Saqib.PK</a></p>
            <a href="#" class="top">Top</a>
        </div>
    </div>
</div>
</body>
</html>
